<!----进货管理页----->
<template>
    <div>
      <span>进货管理</span>
      <el-divider></el-divider>
      <router-link to="/purchase">
        <el-button id="purchase" icon="el-icon-sell" round>进货</el-button>
      </router-link>
        <el-button id="sales-return" icon="el-icon-sold-out" round>退货</el-button>
      <div class="bg"><img src="../../assets/warehouse.png"></div>
      <el-button id="current-accountings" icon="el-icon-notebook-2" round>往来账务</el-button>
      <router-link to="/receipt">
        <el-button id="receipts"  icon="el-icon-notebook-1" round>单据</el-button>
      </router-link>
      <router-link to="/inventoryManagement">
        <el-button id="inventory"  icon="el-icon-house" round>库存</el-button>
      </router-link>
    </div>
</template>

<script>
    export default {
        name: "PurchaseControl",
      methods:{

      }
    }
</script>

<style scoped>
  span{
    font-size: 5vh;
  }
  .el-divider{
    width: 90vw;
    left:10vw;
    height: 1vh;
  }
  .el-button{
    background-color: antiquewhite;
    position: absolute;
    width: 20vw;
    height: 10vh;
    font-size: 3vh;
  }
  #purchase{
    left:15vw;
    top:32.5vh;
  }
  #sales-return{
    left: 15vw;
    top: 67.5vh;
  }
  img{
    width: 35vw;
    height: 45vh;
  }
  .bg{
    width: 35vw;
    height: 35vh;
    position: absolute;
    left: 37.5vw;
    top:32.5vh;

  }
  #current-accountings{
    top:32.5vh;
    left:75vw;
  }
  #receipts{
    top:50vh;
    left: 75vw;
  }
  #inventory{
    left: 75vw;
    top: 67.5vh;
  }
</style>
